<template>
    <div class="topList">
        <MainerLeft></MainerLeft>
        <MainerRight></MainerRight>
        <div class="clearfix"></div>
    </div>
</template>

<script>
    import MainerLeft from './MainerLeft'
    import MainerRight from './MainerRight'
    export default {
        name: "toplist",
        components:{MainerLeft,MainerRight},
    }
</script>


<style lang="less" scoped>
    .topList{
        // display: flex;
        margin: 0 auto;
        width: 983px;
        border: 1px solid #d3d3d3;
        border-top: none;
    }
    .clearfix{
        zoom: 1;
    }
    .clearfix:after{
        content:'';
        display:block;
        height: 0;
        clear: both;
    }
</style>